<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>欢迎光临卡卡湾娱乐场</title>
    <style>
        html,
        * {
            margin: 0px;
            padding: 0px;
        }

        html {
            height: 100%;
        }

        body {
            width: 100%;
            height: 100%;

            background: #000000;
        }

        .main {
            position: relative;
            width: 900px;
            height: 100%;
            margin: 0px auto;
            background: rgba(107, 84, 53, 1);
            overflow: hidden;
        }

        .logo {
           
            width:100%;
            height: 200px;
            max-height: 200px;
            min-height: 80px;
            margin: 0px auto;
            background: url(../Resources/Images/logo.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .loginBox {
            position: relative;
            width: 370px;
            border-radius: 10px;
            background: rgb(178, 155, 109);
            margin: 30px auto;
            padding: 15px ;
        }

        .loginBtnBox,
        .loginItem {
            width: 100%;
            margin: 20px auto;
            font-size: 18px;

        }

        .loginItem label {
            display: inline-block;
            font-weight: 800;
            width: 90px;
            letter-spacing: 4px;
        }

        .loginItem input {
            width: calc(100% - 98px);
            height: 40px;
            border: 1px solid #a7903e;
            border-radius: 10px;
            background: rgba(220, 205, 163, 1);
            outline: none;

        }

        .loginBtnBox {
            text-align: center;
            margin-top: 20px;
        }

        .loginBtn {
            padding: 10px 40px;
            font-size: 16px;
            background: rgb(201, 180, 133);
            color: bisque;
            border: 1px solid #a7903e;
            border-radius: 5px;
            cursor: pointer;
        }

        .loginBtn:hover {
            background: rgb(206, 186, 142);
            color: #FFFFFF;
        }

    .tips{
        display: none;
        position: absolute;
        width: 100%;
        color: rgb(174 ,145,91);
        text-align: center;
        font-size: 18px;
        line-height: 2;
        bottom: 10px;
    }

 .errorBox{
     position: absolute;
     top: 10px;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     color: red;
     font-size: 20px;
 }
    </style>
</head>

<body>
    <div class="main">
        <div class="logo"></div>
        <div class="loginBox">
            <div class="errorBox"></div>
            <div class="loginItem">
                <label>用户名：</label>
                <input type='text' class="loginIput Name">
            </div>
            <div class="loginItem">
                <label>密&nbsp;&nbsp;码：</label>
                <input type='password' class="loginIput Pass">
            </div>
            <div class="loginBtnBox">
                <input type="button" value="登入系统" class="loginBtn">
            </div>
        </div>

        <div class="tips">
            <p>卡卡灣娛樂場24小時賬房熱線(菲律賓)00639178266667  客服熱線（菲律賓）00639098333333</p>
            <p> 本公司領有菲律賓合法網上娛樂牌照（Interactive Gaming Licence）copyright</p>
        </div>
    </div>
<script src="../Resources/Scripts/jquery.js"></script>
<script src="../Resources/Scripts/login.js"></script>
</body>

</html>